<?php include('header.php');?>
<?php include('top.php');?>
	<div class="main">
		<?php $this->load->view($content);?>
		<?php include('left.php');?>
	</div>
</div>


<?php include('footer.php');?>
</body>
<script>
	$(document).ready(function(){
		var mainLeft = $('.main-left').height();
		var mainRight = $('.main-right').height();
		if(mainLeft < mainRight){
			//$('.main-left').height(mainRight);
			$('.main-left').attr("style","min-height:"+mainRight+"px");
		}

		$('ul#badgeStyle li a').click(function(){
			$(this).parent().addClass('badgeStyleActive'). // <li>
			  siblings().removeClass('badgeStyleActive');
		});
		$('.popup').center();
		$(window).bind('resize', function() {
			$('.popup').center({transition:300});
		});
	});

	jQuery.fn.center = function () {
		this.css("position","absolute");
		this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() - 50 + "px");
		this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
		return this;
	}
</script>
</html>
